<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>登录页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Template by FreeHTML5.co" />
    <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" th:href="@{/login/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/login/css/animate.css}">
    <link rel="stylesheet" th:href="@{/login/css/style.css}">

    <!-- Modernizr JS -->
    <script th:src="@{/login/js/modernizr-2.6.2.min.js}"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script th:src="@{/login/js/respond.min.js}"></script>
    <![endif]-->
</head>
  <body class="style-3">
      <div class="container">
          <div class="row">
              <div class="col-md-4 col-md-push-8">
                <!-- Start Sign In Form -->
                <form action="#" class="fh5co-form animate-box" data-animate-effect="fadeInRight" th:method="post" th:action="@{/authentication/form}">
                    <h2>登录</h2>
                    <div class="form-group">
                        <label for="username" class="sr-only">账号</label>
                        <input type="text" class="form-control" id="username" name="username" placeholder="账号" autocomplete="off" value="admin">
                    </div>

                    <div class="form-group">
                        <label for="password" class="sr-only">密码</label>
                        <input type="password" class="form-control" id="password" name="password" placeholder="密码" autocomplete="off" value="admin">
                    </div>

                    <div class="form-group">
                        <label for="remember"><input type="checkbox" id="remember">记住我</label>
                    </div>

                    <div class="form-group">
                        <p>没有账号 ? <a th:href="@{/signup}">注册</a> | <a th:href="@{/forgot}">忘记密码 ?</a></p>
                    </div>

                    <div class="form-group">
                        <input type="submit" value="登 录" class="btn btn-primary">
                    </div>
                </form>
                <!-- END Sign In Form -->
              </div>
          </div>
          <div class="row" style="padding-top: 60px; clear: both;">
              <div class="col-md-12 text-center">
                  <p>
                      <small>
                          &copy; All Rights Reserved. More Templates
                      </small>
                  </p>
              </div>
          </div>
      </div>
      <!-- jQuery -->
      <script th:src="@{/login/js/jquery.min.js}"></script>
      <!-- Bootstrap -->
      <script th:src="@{/login/js/bootstrap.min.js}"></script>
      <!-- Placeholder -->
      <script th:src="@{/login/js/jquery.placeholder.min.js}"></script>
      <!-- Waypoints -->
      <script th:src="@{/login/js/jquery.waypoints.min.js}"></script>
      <!-- Main JS -->
      <script th:src="@{/login/js/main.js}"></script>
  </body>
</html>
